.wgt-goods-scroll {
  &.padded {
    padding: 10px 0;
  }
  .wgt-hd {
    padding: 10px;
    .title {
      font-size: 18px;
      font-weight: 600;
      color: #333;
    }
    .sub-title {
      color: #666;
      margin-left: 4px;
    }
    .sp-countdown {
      display: inline-block;
      position: relative;
      top: -4px;
    }
  }
  .wgt-bd {
    position: relative;

    &.spaced {
      padding: 0 10px;
    }
    .scroll-goods {
      width: 100%;
      padding: 4px 8px 0;
      white-space: nowrap;
      overflow-x: scroll;
      display: flex;
      &::-webkit-scrollbar {
        display: none;
      }
    }
    .scroll-item {
      display: inline-block;
      position: relative;
      margin-right: 8px;
      background: #fff;
      border-radius: 8px;
      .goods-leaderboard {
        position: absolute;
        left: -4px;
        top: -4px;
        width: 40px;
        height: 40px;
        z-index: 90;
        .goods-leaderboard-img {
          width: 100%;
          height: 100%;
        }
        .goods-leaderboard-text {
          position: absolute;
          top: 4px;
          transform: rotate(-45deg);
          color: #fff;
          font-size: 12px;
          z-index: 91;
        }
      }
      .goods-imgs {
        position: relative;
        overflow: hidden;
        .sp-image {
          border-radius: 8px 8px 0 0;
        }
      }
      .goods-title {
        margin: 5px 4px 0;
        font-size: 12px;
        height: 40px;
        color: #6e6e6e;
        width: 122px;
        @include multi-ellipsis(2);
      }
      .goods-caption {
        color: #222;
        margin: 0 4px;
        overflow: hidden;
        width: 122px;
        .item-price {
          margin-right: 4px;
        }
      }
      .activity-label {
        display: flex;
        flex-wrap: wrap;
        p {
          border-radius: 4px;
          padding: 0px 4px;
          font-size: 10px;
          line-height: 16px;
          margin: 0px 2px 2px 0px;
        }
      }
      .goods-more {
        width: 130px;
        height: 200px;
        text-align: center;
        line-height: 200px;
        background: #f4f4f4;
        position: relative;
        border-radius: 8px;
        overflow: hidden;
        border: 1px solid #f5f5f5;
        div {
          width: 100%;
          height: 100%;
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
        }
      }
    }
  }
}
